
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="ico/favicon.png">
    <title>混子论坛</title>
    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="plugins/prettyPhoto/css/prettyPhoto.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/ui.totop.css" rel="stylesheet">
    <!-- SLIDER REVOLUTION 4.x CSS SETTINGS -->
    <link href="css/extralayers.css" rel="stylesheet">
    <link href="plugins/rs-plugin/css/settings.css" rel="stylesheet">
    <!-- Font Awesome  -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Custom Stylesheet For This Template -->
    <link href="css/stylesheet.css" rel="stylesheet">
    <link href="css/skins.css" rel="stylesheet">
    <!-- Google Fonts -->
    <link href="http://fonts.googleapis.com/css?family=Raleway:400,900,800,700,600,500,300,200,100" rel="stylesheet" type="text/css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="wide color-skin-1 color-pattern-1">
<div id="page" class="hfeed site">
    <header id="masthead" class="site-header" role="banner">
        <nav class="navbar navbar-default navbar-static-top" role="navigation">
            <div class="container">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="myRelate.html">
                        <img alt="Brand" src="img/logo-dark.png">
                    </a>
                </div>
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse navbar-ex1-collapse">
                    <span class="search-toggle visible-lg-block"><i class="fa fa-search"></i></span>
                    <ul class="nav navbar-nav navbar-right">
                        <li class="active"><a href="index.html">首页</a></li>
                        <li class="dropdown">
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">特点<i class="fa fa-angle-double-down"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="elements.html">基本界面样式</a></li>
                                <li><a href="buttons.html">按钮样式</a></li>
                                <li><a href="icons.html">图标</a></li>
                            </ul>
                        </li>
                        <li class="dropdown">
                            <a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i></a>
                            <ul class="dropdown-menu">
                                <li><a href="contact.html">登录</a></li>
                                <li><a href="myRelate.html">个人主页</a></li>
                            </ul>
                        </li>
                    </ul>
                    <!-- /.nav -->
                </div>
                <!-- /.navbar-collapse -->
            </div>
            <!-- /.container -->
        </nav>
        <!-- /.navbar -->
    </header>
    <!-- /#masthead -->
    <header id="header-search-box" class="search-box-wrapper">
        <div class="container">
            <div class="search-box">
                <button type="button" class="close"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                <form role="form">
                    <div class="input-group">
                                <span class="input-group-btn">
                                    <button class="btn btn-default btn-lg" type="button"><i class="fa fa-search"></i></button>
                                </span>
                        <input type="text" class="form-control input-lg" placeholder="Search">
                    </div>
                </form>
            </div>
        </div>
    </header>
            <!-- /#header-search-box -->
            <header class="archive-header">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-6">
                            <h4 class="archive-title">摄影分区</h4>
                        </div>
                        <!-- /.col-sm-6 -->
                        <div class="col-xs-6 hidden-xs">
                            <ol class="breadcrumb">
                                <li><a href="#">生活</a></li>
                                <li><a href="#">摄影</a></li>
                            </ol>
                        </div>
                        <!-- /.col-xs-6 -->
                    </div>
                    <!-- /.row -->
                </div>
                <!-- /.container -->
            </header>
            <!-- /.archive-header -->
            <div id="main" class="wrapper">
                <div class="container">
                    <div id="primary" class="site-comtent">
                        <div class="row">
                            <div class="posts-wrap">
                                <div class="col-md-4 article-wrap">
                                <article class="post type2">
                                    <div class="entry-thumb">
                                        <img src="img/general/img1.jpg" class="img-responsive" alt="">
                                        <div class="image-overlay"></div>
                                        <a href="img/general/img1.jpg" data-rel="prettyPhoto" class="ima-zoom"><i class="fa fa-plus"></i></a>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="titlepost.html" rel="bookmark">Eum ne adolescens disputando</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-2" class="post type2">
                                    <div class="entry-thumb">
                                        <!-- 16:9 aspect ratio -->
                                        <div class="embed-responsive embed-responsive-10by8">
                                            <iframe class="embed-responsive-item" src="//player.vimeo.com/video/30300114"></iframe>
                                        </div>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Ex eros diceret vis sit an vide eruditi graecis</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-3" class="post type2">
                                    <div class="entry-thumb">
                                        <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
                                            <!-- Wrapper for slides -->
                                            <div class="carousel-inner">
                                                <div class="item active">
                                                    <img src="img/general/img2.jpg" alt="...">
                                                </div>
                                                <div class="item">
                                                    <img src="img/general/img6.jpg" alt="...">
                                                </div>
                                                <div class="item">
                                                    <img src="img/general/img7.jpg" alt="...">
                                                </div>
                                            </div>
                                            <!-- Controls -->
                                            <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
                                                <span class="glyphicon glyphicon-chevron-left"></span>
                                            </a>
                                            <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
                                                <span class="glyphicon glyphicon-chevron-right"></span>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Mel nostro labitur efficiendi ad</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-4" class="post type2">
                                    <div class="entry-thumb">
                                        <!-- 16:9 aspect ratio -->
                                        <div class="embed-responsive embed-responsive-10by8">
                                            <iframe src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/130459845&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true"></iframe>
                                        </div>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Eum facilisi consequat interesset id</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-5" class="post type2">
                                    <div class="entry-wrap">
                                        <div class="entry-content">
                                            <blockquote>
                                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p>
                                                <p><small>Someone famous in <cite title="Source Title">Source Title</cite></small></p>
                                            </blockquote>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-6" class="post type2">
                                    <div class="entry-thumb">
                                        <img src="img/general/img3.jpg" class="img-responsive" alt="">
                                        <div class="image-overlay"></div>
                                        <a href="img/general/img3.jpg" data-rel="prettyPhoto" class="ima-zoom"><i class="fa fa-plus"></i></a>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Eam ex putant omnesque explicari</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-7" class="post type2">
                                    <div class="entry-thumb">
                                        <!-- 16:9 aspect ratio -->
                                        <div class="embed-responsive embed-responsive-10by8">
                                            <iframe class="embed-responsive-item" src="//www.youtube.com/embed/98WtmW-lfeE"></iframe>
                                        </div>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Nisl adipiscing instructior nam ea pri</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-8" class="post type2">
                                    <div class="entry-thumb">
                                        <div id="carousel-example-generic2" class="carousel slide" data-ride="carousel">
                                            <!-- Wrapper for slides -->
                                            <div class="carousel-inner">
                                                <div class="item active">
                                                    <img src="img/general/img4.jpg" alt="...">
                                                </div>
                                                <div class="item">
                                                    <img src="img/general/img8.jpg" alt="...">
                                                </div>
                                                <div class="item">
                                                    <img src="img/general/img9.jpg" alt="...">
                                                </div>
                                            </div>
                                            <!-- Controls -->
                                            <a class="left carousel-control" href="#carousel-example-generic2" role="button" data-slide="prev">
                                                <span class="glyphicon glyphicon-chevron-left"></span>
                                            </a>
                                            <a class="right carousel-control" href="#carousel-example-generic2" role="button" data-slide="next">
                                                <span class="glyphicon glyphicon-chevron-right"></span>
                                            </a>
                                        </div>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Duo omnesque molestie te no appetere convenire vim</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            <div class="col-md-4 article-wrap">
                                <article id="post-9" class="post type2">
                                    <div class="entry-thumb">
                                        <img src="img/general/img5.jpg" class="img-responsive" alt="">
                                        <div class="image-overlay"></div>
                                        <a href="img/general/img5.jpg" data-rel="prettyPhoto" class="ima-zoom"><i class="fa fa-plus"></i></a>
                                    </div>
                                    <!-- /.entry-thumb -->
                                    <div class="entry-wrap">

                                        <header class="entry-header">
                                            <h1 class="entry-title"><a href="#" rel="bookmark">Per scaevola qualisque ne</a></h1>
                                        </header>
                                        <!-- /.entry-header -->
                                        <div class="entry-content">
                                            <p>Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>
                                        </div>
                                        <!-- /.entry-content -->
                                        <div class="entry-meta">
                                            <span class="post-date"><i class="fa fa-clock-o"></i> <a href="#" title="6:17 pm">21 August, 2020</a></span>
                                            <span class="comments-link"><i class="fa fa-comments"></i> <a href="#">7 Replies</a></span>
                                        </div>
                                        <!-- /.entry-meta -->
                                    </div>
                                    <!-- /.entry-wrap -->
                                </article>
                                <!-- /.post -->
                            </div>
                            </div>
                        </div>
                        <ul class="pagination">
                            <li class="disabled"><a href="#">« Previous</a></li>
                            <li><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li class="active"><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li><a href="#">Next »</a></li>
                        </ul>
                    </div>
                    <!-- /.site-comtent -->
                </div>
            </div>
            <!-- /#main -->
            <footer id="colophon" class="site-footer" role="contentinfo">
<!--                <div id="supplementary">-->
<!--                    <div class="container">-->
<!--                        <div class="row">-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-about">-->
<!--                                    <img class="brand" alt="Brand" src="img/logo-white.png" width="145">-->
<!--                                    <p>Lorem ipsum dolor sit amet, no consequat ullamcorper nec, te commune constituto intellegebat eam. Soleat populo id nec. Est in altera vocibus, et vim iudico adolescens, mel no discere mediocritatem.</p>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-about &ndash;&gt;-->
<!--                                <aside class="widget widget-social">-->
<!--                                    <h5 class="widget-title">Stay Connected</h5>-->
<!--                                    <ul class="social-links">-->
<!--                                        <li><a class="facebook" href="#"><i class="fa fa-facebook"></i></a></li>-->
<!--                                        <li><a class="google-plus" href="#"><i class="fa fa-google-plus"></i></a></li>-->
<!--                                        <li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>-->
<!--                                        <li><a class="pinterest" href="#"><i class="fa fa-pinterest"></i></a></li>-->
<!--                                        <li><a class="rss" href="#"><i class="fa fa-rss"></i></a></li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-social &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-posts">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Recent Posts</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="recent-posts">-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img1.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">The Ultimate Guide to Adjustment Layers – Vibrance</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 20 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img2.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">Complete Guide to What’s New in Adobe Photoshop 14.1</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 15 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                        <li>-->
<!--                                            <img src="img/recent-posts/img3.jpg" alt="Post Image">-->
<!--                                            <h5>-->
<!--                                                <a href="post-1.html">How to Integrate Lightroom Into Your Photoshop Workflow</a>-->
<!--                                                <small><i class="fa fa-clock-o"></i> 10 August, 2013</small>-->
<!--                                            </h5>-->
<!--                                        </li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-posts &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-tagcloud">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Tags</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="tag-links">-->
<!--                                        <li><a href="#">photoshop</a></li>-->
<!--                                        <li><a href="#">html</a></li>-->
<!--                                        <li><a href="#">css</a></li>-->
<!--                                        <li><a href="#">html5</a></li>-->
<!--                                        <li><a href="#">css3</a> </li>-->
<!--                                        <li><a href="#">illustration</a></li>-->
<!--                                        <li><a href="#">javascript</a></li>-->
<!--                                        <li><a href="#">jquery</a></li>-->
<!--                                        <li><a href="#">bootstrap 2</a></li>-->
<!--                                        <li><a href="#">bootstrap 3</a></li>-->
<!--                                        <li><a href="#">php</a></li>-->
<!--                                        <li><a href="#">mysql</a></li>-->
<!--                                        <li><a href="#">wordpress</a></li>-->
<!--                                        <li><a href="#">ajax</a></li>-->
<!--                                        <li><a href="#">webmatrix</a></li>-->
<!--                                    </ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-tagcloud &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                            <div class="col-md-3">-->
<!--                                <aside class="widget widget-flickr">-->
<!--                                    <div class="subpage-title">-->
<!--                                        <h5>Flickr Photos</h5>-->
<!--                                    </div>-->
<!--                                    <ul class="flickr-photos-list"></ul>-->
<!--                                </aside>-->
<!--                                &lt;!&ndash; /.widget-flickr &ndash;&gt;-->
<!--                            </div>-->
<!--                            &lt;!&ndash; /.col-md-3 &ndash;&gt;-->
<!--                        </div>-->
<!--                        &lt;!&ndash; /.row &ndash;&gt;-->
<!--                    </div>-->
<!--                    &lt;!&ndash; /.container &ndash;&gt;-->
<!--                </div>-->
                <!-- /#supplementary -->
                <div id="site-info">
                    <div class="container">
                        <div class="row">
                            <div class="col-xs-12 col-sm-6">
                                <div class="footer-info-wrapper">
                                    <span>Copyright &copy; 2020.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></span>
                                </div>
                            </div>
                            <!-- /.footer-info-wrapper -->
                            <div class="col-xs-12 col-sm-6">
                                <div class="footer-links-wrapper">
                                    <ul class="list-inline">
                                        <li><a href="#">Privacy Policy</a></li>
                                        <li><a href="#">Terms Of Service</a></li>
                                        <li><a href="#">Disclaimer</a></li>
                                    </ul>
                                </div>
                            </div>
                            <!-- /.footer-links-wrapper -->
                        </div>
                        <!-- /.row -->
                    </div>
                    <!-- /.container -->
                </div>
                <!-- /.site-footer -->
            </footer>
            <!-- /#site-info -->
        </div>
        <!-- /#page -->
        <div class="skin-chooser-wrap visible-lg-block">
            <span class="skin-chooser-toggle"><i class="fa fa-cog"></i></span>
            <section class="section">
                <h4>Style Switcher</h4>
            </section>
            <section class="section">
                <h6>Layout Options</h6>
                <p>Which layout option you want to use?</p>
                <p><a id="boxed" class="btn adv-default squre btn-xs" href="#" role="button">Boxed</a><em>&nbsp; or &nbsp;</em><a id="wide" class="btn adv-primary squre btn-xs" href="#" role="button">Wide</a></p>
            </section>
            <section class="section">
                <h6>Color Schemes</h6>
                <p>Which theme color you want to use? Here are some predefined colors.</p>
                <ul class="list-inline">
                    <li id="color-skin-1" class="color-skin active"></li>
                    <li id="color-skin-2" class="color-skin"></li>
                    <li id="color-skin-3" class="color-skin"></li>
                    <li id="color-skin-4" class="color-skin"></li>
                    <li id="color-skin-5" class="color-skin"></li>
                </ul>
            </section>
            <section class="section">
                <h6>Patterns</h6>
                <p>You can choose between four patterns.</p>
                <ul class="list-inline">
                    <li id="color-pattern-1" class="color-pattern active"></li>
                    <li id="color-pattern-2" class="color-pattern"></li>
                    <li id="color-pattern-3" class="color-pattern"></li>
                    <li id="color-pattern-4" class="color-pattern"></li>
                    <li id="color-pattern-5" class="color-pattern"></li>
                </ul>
            </section>
        </div>
        <!-- Bootstrap JS & Others JavaScript Plugins -->
        <!-- Placed At The End Of The Document So Page Loads Faster -->
        <script src="js/jquery-2.1.4.min.js"></script>
        <script src="js/jquery-migrate-1.2.1.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <!-- SLIDER REVOLUTION 4.x SCRIPTS  -->
        <script src="plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script>
        <script src="plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>
        <script src="plugins/prettyPhoto/js/jquery.prettyPhoto.js"></script>
        <script src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
        <script src="js/jflickrfeed.min.js"></script>
        <script src="js/easing.js"></script>
        <script src="js/jquery.ui.totop.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <script src="js/jquery.fitvids.js"></script>
        <!-- Custom Script For This Template -->
        <script src="js/script.js"></script>
    </body>
</html>